<template>
	<view>
		<view class="adtit">您的投诉，我来聆听。您的建议，我来采纳</view>
		<view class="">
			<input class="name" type="text" placeholder="请输入您的姓名" v-model="name" />
			<input class="phone" type="text" placeholder="请输入您的联系方式" v-model="phone" />
		</view>
		<view class="vip">
			<view class="ynvip">是否为会员</view>
			<up-radio-group v-model="radiovalue1">
				<up-radio v-for="(item, index) in radiolist1" :key="index" :label="item.name" :name="item.name">
				</up-radio>
			</up-radio-group>
		</view>
		<view class="vip1">
			<view class="ynvip">反馈建议店面</view>
			<up-radio-group v-model="radiovalue2">
				<up-radio v-for="(item, index) in radiolist2" :key="index" :label="item.name" :name="item.name">
				</up-radio>
			</up-radio-group>
		</view>
		<view class="vip1">
			<view class="ynvip">反馈或建议问题类型</view>
			<up-radio-group v-model="radiovalue3">
				<up-radio v-for="(item, index) in radiolist3" :key="index" :label="item.name" :name="item.name">
				</up-radio>
			</up-radio-group>
		</view>
		<view class="wenben">
			<up-textarea v-model="value1" placeholder="请输入内容" ></up-textarea>
		</view>
		<view class="sahngc">
			<up-upload
					:fileList="fileList1"
					multiple
					:maxCount="10"
				></up-upload>
		</view>
		<view class="tijiaop">提交</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	let value1= ref('')
	let name = ref('')
	let phone = ref('')
	let fileList=ref([])
	let radiolist1 = ref([{
			name: '是',
			disabled: false
		},
		{
			name: '否',
			disabled: false
		}
	])
	const radiovalue2 = ref('');
	let radiolist2 = ref([{
			name: '宝龙店',
			disabled: false
		},
		{
			name: '中州店',
			disabled: false
		},
		{
			name: '大学路店',
			disabled: false
		},
		{
			name: '中原店',
			disabled: false
		},
		{
			name: 'CBD店',
			disabled: false
		}
	])
	const radiovalue1 = ref('');
	let radiolist3 = ref([{
			name: '服务类',
			disabled: false
		},
		{
			name: '设施类',
			disabled: false
		},
		{
			name: '卫生类',
			disabled: false
		},
		{
			name: '其他',
			disabled: false
		}
	])
	const radiovalue3 = ref('');
</script>

<style scoped>
	.adtit {
		padding-left: 80rpx;
		margin-top: 80rpx;
		box-sizing: border-box;
		font-weight: 700;
	}

	.name {
		width: 650rpx;
		height: 60rpx;
		margin: 0 auto;
		margin-top: 60rpx;
		border: 1px solid #e8e8e8;
		padding-left: 10rpx;
		border-radius: 10rpx;
	}

	.phone {
		width: 650rpx;
		height: 60rpx;
		margin: 0 auto;
		margin-top: 30rpx;
		border: 1px solid #e8e8e8;
		padding-left: 10rpx;
		border-radius: 10rpx;
	}

	.vip {
		margin-left: 50rpx;
		margin-top: 20rpx;
	}

	.ynvip {
		font-size: 14px;
		color: #10c696;
	}

	.vip1 {
		margin-left: 50rpx;

	}
	.wenben{
		width: 660rpx;
		margin: 0 auto;
		margin-top: 40rpx;
	}
	.sahngc{
		margin-left: 40rpx;
		margin-top: 40rpx;
	}
	.tijiaop{
		width: 660rpx;
		height: 90rpx;
		line-height: 90rpx;
		margin: 0 auto;
		background-color: #10c696;
		color: #fff;
		text-align: center;
		margin-top: 80rpx;
		margin-bottom: 20rpx;
		border-radius: 40rpx;
	}
</style>